<!doctype html>
<html lang="zh">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>巫妖个人博客</title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/index.css" media="all" />
		<style>
			.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
			.pagination>li{display:inline}
			.pagination>li>a,
			.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}
			.pagination>li:first-child>a,
			.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
			.pagination>li:last-child>a,
			.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
			.pagination>li>a:hover,
			.pagination>li>span:hover,
			.pagination>li>a:focus,
			.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}
			.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,
			.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
		</style>
	</head>

	<body class="home blog custom-background round-avatars">
	{include file="common/head"/}
		<div id="main" class="content">
			<div class="container">
				<article itemscope="itemscope">
					{volist name="list" id="vo"}
					<div class="posts-list js-posts">
						<div class="post post-layout-list" data-aos="fade-up">
							<div class="status_list_item icon_kyubo">
								<div class="status_user" style="background-image: url(__IMAGE__/{$vo.image});">
									<div class="status_section">
										<a href="{:url('article/index',array('id'=>$vo['id']))}" class="status_btn">{$vo.title}</a>
										<div class="review-item-creator"><b>发布日期：</b>{$vo['uptime']|date="Y-m-d",###}</div>
										<p class="section_p">{$vo.description}</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					{/volist}
					<!-- post-formats end Infinite Scroll star -->
					<!-- post-formats -->
				</article>
				<div style="text-align: center;margin-top: 10px">{$list->render()}</div>
			</div>
		</div>

		{include file="common/foot"/}
	<script type='text/javascript' src='__PUBLIC__/js/jquery.min.js'></script>
	<script type='text/javascript' src='__PUBLIC__/js/plugins.js'></script>
	<script type='text/javascript' src='__PUBLIC__/js/script.js'></script>
	<script type='text/javascript' src='__PUBLIC__/js/particles.js'></script>
	<script type='text/javascript' src='__PUBLIC__/js/aos.js'></script>
	</body>

</html>